<template>
	<view class="content">
		<view class="m2432 p2432 bgf br16">
			<view class="flex_btw">
				<view class="c3 fw500 fs32">当前余额：{{user.money}}</view>
				<view class="c2a7 fw500 fs24" @click="withdrawDetail">查看明细</view>
			</view>
			<view class="mt26">
				<u--input placeholder="请输入提现金额" type='digit' border="surround" v-model="from.money"></u--input>
			</view>
			<view class="mt16 fs24">
				<text class="cf0">*</text>
				<text class="c9">最低提现金额100</text>
			</view>
			<view class="mt30 c3 fw600 fs32">提现方式</view>

			<view class="flex_c way_btn mt32">
				<image class="img36" src="/static/index/serve/txicon.png" mode=""></image>
				<view class="c6 fs26 ml6">银行卡</view>
				<image class="img24 ml20" src="/static/index/serve/txxz.png" mode=""></image>
			</view>

			<view class="mt30">
				<u--input placeholder="请输入真实姓名" border="surround" v-model="from.name"></u--input>
			</view>
			<view class="mt24">
				<u--input placeholder="请输入银行卡号" border="surround" v-model="from.bank_card_number"></u--input>
			</view>
			<view class="mt24">
				<u--input placeholder="请输入开户行" border="surround" v-model="from.bank"></u--input>
			</view>
		</view>

		<view class="mlr32 p2432 bgf br16">
			<view class="c3 fw500 fs32">提现说明</view>
			<view class="mt24 c9 fw500 fs24">
				1.这是关于审核的说明内容描述这是关于审核的说明内容描述这是关于审核的说明内容描述这是关于审核的说明内容描述这是关于审核的说明 2.的说明内容描述这是关于审核的说明内容描述这是关于审核的说明内容描述
				3.的说明内容描述这是关于审核的说明内容
			</view>
		</view>

		<view class="btn flex_y">
			<view class="btna cf fw500 fs26 bg2a7 flex_c bg23" @click="submit">立即提现</view>
		</view>

	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				from: {
					money: '', //提现金额
					name: '', //姓名
					bank_card_number: '', //银行卡号
					bank: '' //开户行
				}
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {
			submit() { //提交
				if (!this.from.money) {
					uni.$u.toast('请输入提现金额')
				} else if (!this.from.name) {
					uni.$u.toast('请输入真实姓名')
				} else if (!this.from.bank_card_number) {
					uni.$u.toast('请输入银行卡号')
				} else if (!this.from.bank) {
					uni.$u.toast('请输入开户行')
				} else {
					this.$u.debounce(this.toNext, 500) //防抖
				}
			},
			withdrawDetail() {
				uni.navigateTo({
					url: '/pages/server/index/finance/withdraw/withdrawDetail/withdrawDetail'
				})
			}

		},
		computed: {

		},
		watch: {

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		padding-bottom: calc(120upx + env(safe-area-inset-bottom));

		.way_btn {
			width: 209upx;
			height: 74upx;
			border-radius: 37upx;
			border: 2upx solid #333333;
		}

		.btn {
			position: fixed;
			left: 0;
			bottom: 0;
			z-index: 99;
			width: 100%;
			background-color: #F9F9F9;
			padding-bottom: calc(20upx + env(safe-area-inset-bottom));

			.btna {
				width: 557upx;
				height: 74upx;
				background: #2A71C0;
				border-radius: 40upx;
			}
		}
	}
</style>
